﻿<? include('common/inc.init.php');?>
<!DOCTYPE html>
<head>
    <title>Revoluci&oacute;n Pelota</title>
    <meta name="google-site-verification" content="NRiNltP5FxgN02zUSbEbgz9p4LM9aixxXjURFdWBRl4" />
    <?php include('common/head.php'); ?>
</head>
<body>
    <!-- TOP NAVIGATION BAR -->
<main class="main-content">
    <?php include('common/top-nav.php'); ?>

    <!-- BANNER -->
    <div class="banner-small">
        <div class="overlay">
            <div class="center">
                <img src="<?=$GLOBALS['CONF']['url']['root']?>/img/revolucion-pelota-logo-mobile.png" alt="Revolución Pelota" title="Revolución Pelota" />
            </div><!--
            --><span></span>
        </div>
    </div>
    <div class="banner-large">
        <div class="loader"><img src="<?=$GLOBALS['CONF']['url']['root']?>/img/loader.gif" alt="" /><span></span></div>
        <div id="cbp-fwslider" class="cbp-fwslider home">
            <ul>
                <li>
                    <div style="background-image: url('<?=$GLOBALS['CONF']['url']['root']?>/img/slider/slide-1.jpg');">
                        <div class="over-img">
                            <div class="center">
                                <img src="about:blank" class="img-desktop" data-desktop="<?=$GLOBALS['CONF']['url']['root']?>/img/revolucion-pelota-logo.png" alt="Revolución Pelota" title="Revolución Pelota" />
                            </div><!--
                            --><span></span>
                        </div>
                    </div>
                </li>
                <?
                    $sql = "SELECT * FROM revolucion_pelota_proyectos ORDER BY position ASC";
                    $res = mysql_query($sql, $dbLink);
                    if(mysql_num_rows($res))
                    {
                        while($row = mysql_fetch_assoc($res))
                        {
                            $proyecto = new proyectos();
                            $proyecto->setDBLink($dbLink);
                            if(!$proyecto->get($row['proyectoID'])) continue;
                            
                            $sqlImage="SELECT itemID FROM file_manager_item WHERE file_managerID=".$row['photo_albumID']." ORDER BY `order` Limit 1";
                            $resImage = mysql_query($sqlImage, $dbLink);
                            list($itemID) = mysql_fetch_array($resImage);
                            
                            $item = new FileManagerItemImage();
                            $item->setDBLink($dbLink);
                            $item->get($itemID);

                            ?>
                            <li>
                                <div style="background-image: url('<?=$item->getImageUrl()?>');">
                                    <div class="over-img">
                                        <div class="center">
                                            <hgroup>
                                                <h1><?=$row['nombre']?></h1>
                                                <h5><?=$row['direccion_visible']?></h5>
                                            </hgroup>
                                            <a href="<?=$proyecto->getUrl()?>">Ver proyecto</a>
                                        </div><!--
                                        --><span></span>
                                    </div>
                                </div>
                            </li>
                            <?
                        }
                    }
                ?>
                <!--
                <li>
                    <div style="background-image: url('img/slider/slide-3.jpg');"></div>
                </li>
                <li>
                    <div style="background-image: url('img/slider/slide-4.jpg');"></div>
                </li>-->
            </ul>
        </div>
    </div>

    <!-- MOTORES -->
    <section class="motores">
        <div class="row">
            <h2 class="padding-bottom-50">MOTORES QUE NOS IMPULSAN</h2>
            <div class="small-12 medium-4 columns">
                <div class="circle"><i class="rp-sprite moto1"></i></div>
                <h4>F&Uacute;TBOL</h4>
                <p>
                    Todos alguna vez pateamos una pelota o formamos parte de un equipo. Nuestro sue&ntilde;o es que nunca falte una pelota.
                </p>
            </div>
            <div class="small-12 medium-4 columns">
                <div class="circle"><i class="rp-sprite moto2"></i></div>
                <h4>TRANSFORMACI&Oacute;N</h4>
                <p>
                    Una pelota re&uacute;ne ni&ntilde;os y adultos de manera autom&aacute;tica. La pr&aacute;ctica del juego mejora la calidad de vida, genera un entorno sano, aleja a los chicos de la calle, fortalece la amistad y el trabajo en equipo.
                </p>
            </div>
            <div class="small-12 medium-4 columns">
                <div class="circle"><i class="rp-sprite moto3"></i></div>
                <h4>IGUALDAD</h4>
                <p>
                    Buscamos que todos cuenten con las mismas posibilidades a la hora de jugar al f&uacute;tbol y practicar otro tipo de deportes.
                </p>
            </div>
        </div>
    </section>
    <?
        $sqlEstadisticas = "SELECT SUM(pelotas_repartidas) AS pelotas_repartidas, SUM(ninos_involucrados) AS ninos_involucrados, SUM(km) AS km FROM revolucion_pelota_proyectos";
        $resEstadisticas = mysql_query($sqlEstadisticas, $dbLink);
        list($pelotas_repartidas, $ninos_involucrados, $km) = mysql_fetch_array($resEstadisticas);
    ?>
    <!-- ESTADÍSTICAS -->
    <section class="estadisticas red">
        <div class="dark-bg"></div>
        <div class="half dark">
                <h3><?=$pelotas_repartidas?></h3>
                <h4>PELOTAS REPARTIDAS</h4>
                <hr />
                <h3><?=$ninos_involucrados?></h3>
                <h4>NI&Ntilde;OS ALCANZADOS</h4>
                <hr />
                <h3><?=$km?></h3>
                <h4>KILOMETROS RECORRIDOS</h4>
        </div><!--
        --><div class="half">
            <img src="<?=$GLOBALS['CONF']['url']['root']?>/img/herramienta.png" alt="" />
        </div>
    </section>

    <!-- PROYECTOS -->
    <section class="project-index">
        <div class="row">
            <h2>PROYECTOS</h2>
            <p class="sub-header">
                Buscamos generar un cambio social a trav&eacute;s del f&uacute;tbol. <br/>
                Para lograrlo, promovemos la recuperaci&oacute;n y desarrollo de potreros.
            </p>
            <?php include(DIR_ROOT.'/common/projects.php') ?>
        </div>
    </section>

    <hr />

    <!-- CONTACTO NEWSLETTER DONAR -->
    <section class="actions">
        <div class="row">
            <div class="small-12 medium-4 columns">
                <i class="rp-sprite ctc"></i>
                <p>
                    &iquest;Queres enviarnos tu potrero?<br />
                    <span>Escribinos</span>
                </p>
                <a class="button-contact" href="contacto.php">Contactate</a>
            </div>
            <div class="small-12 medium-4 columns">
                <i class="rp-sprite nlt"></i>
                <p>
                    Suscribite al newsletter de<br />
                    <span>Revoluci&oacute;n Pelota</span>
                </p>
                <form id="newsletter-form" class="newsletter">
                    <div class="form-group">
                        <input type="email" id="email_input" placeholder="Tu Email" required />
                    </div>
                    <button class="submit" onclick="submit;"><i class="fa fa-angle-right"></i></button>
                    <input type="hidden" name="action" value="newsletter">
                </form>
                <div class="hex-valid">
                    <div class="shape">
                        <div class="top"></div>
                        <div class="mid"></div>
                        <div class="bot"></div>
                    </div>
                    <div class="content">
                        <div class="center">
                            <h5>¡Gracias!</h5>
                            <p>Te has registrado a nuestro Newsletter</p>
                            <i class="fa fa-check"></i>
                        </div><span></span>
                    </div>
                </div>
                <div class="hex-invalid">
                    <div class="shape">
                        <div class="top"></div>
                        <div class="mid"></div>
                        <div class="bot"></div>
                    </div>
                    <div class="content">
                        <div class="center">
                            <h5>Error</h5>
                            <i class="fa fa-times"></i>
                        </div><span></span>
                    </div>
                </div>
            </div>
            <div class="small-12 medium-4 columns">
                <i class="rp-sprite dnt"></i>
                <p>
                    Ayudanos a que<br />
                    <span>Nunca falte una pelota</span>
                </p>
                <a class="button-donate" href="<?$GLOBALS['CONF']['url']['root']?>/dona-tu-pelota.php">Don&aacute; una pelota</a>
            </div>
        </div>
    </section>

<?php include(DIR_ROOT.'/common/footer.php'); ?>
</main>

<?php include(DIR_ROOT.'/common/scripts.php'); ?>
<script src="<?=$GLOBALS['CONF']['url']['root']?>/js/cd-slider.min.js"></script>
<script type="text/javascript" src="<?=$GLOBALS['CONF']['url']['root']?>/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<?=$GLOBALS['CONF']['url']['root']?>/js/messages_es.js"></script>
<script>
    
    // SLIDER PRELOADER
    $(window).on('load', function() {
        $('.loader').animate({opacity: 0}, 500);
        $('#cbp-fwslider').delay(500).animate({opacity: 1}, 500);
    });
    
    // SLIDER
    $(function() {
        $('#cbp-fwslider').cbpFWSlider();
    });
    
    var speed = 6000; // delay of rotation
    setInterval(function() {
        if($('.cbp-fwnext').css('display') != 'none'){
        $('.cbp-fwnext').click();
    }
        else jQuery('.cbp-fwdots span:first-child').click();
    }, speed);
    
    // NEWSLETTER VALIDATE
    $("#newsletter-form").validate({
        submitHandler: function() {
            $.ajax({
                type: "POST",
                url: "common/ajax.php",
                data: { action: "newsletter", email: $('#email_input').val() }
            }).done(function( res ) {
                response = jQuery.parseJSON(res);
                if(response.success) $('.hex-valid').fadeIn();
            });
        },
    });
        
</script>
</body>
